<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:tiles="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title tiles:fragment="title">有效期管理</title>

    <link href="../../static/css/all.css" rel="stylesheet" type="text/css"/>
    <script src="../../static/js/main.js"></script>
</head>

<body>

<div class="content" tiles:fragment="content">
    <header>
        <h2>有效期管理</h2>
    </header>

    <div class="content-query myInput">
        <form id="query_input_info">
            <div class="content-query-left">
                <label>
                    物品条码：
                    <input type="text" name="itemCode"/>
                </label>
                <label>
                    物品名称：
                    <input type="text" name="itemName"/>
                </label>
            </div>
            <div class="content-query-right">
                <input type="button" value="查询" onclick="queryItemInDate()"/>
            </div>
        </form>
    </div>

    <div class="content-result myTable">
        <table id="query_item_result">
            <thead>
            <tr>
                <th>条码</th>
                <th>名称</th>
                <th>批次</th>
                <th>有效期</th>
                <th>库位</th>
                <th>数量</th>
            </tr>
            </thead>
            <tbody>
            <!--<tr th:if="${itemindates==null}"></tr>-->
            <tr th:each="item:${itemindates}">
                <td th:text="${item.itemCode}"></td>
                <td th:text="${item.itemName}"></td>
                <td th:text="${item.itemBatch}"></td>
                <td th:text="${item.itemIndate}"></td>
                <td th:text="${item.itemSlot}"></td>
                <td th:text="${item.allowCount}"></td>
            </tr>
            </tbody>
        </table>
    </div>

    <div class="pop-bg">
        <div class="pop pop-details myInfoList myInput">
            <div class="pop-close">
                <div class="close_button" onclick="closePop()">
                    <div class="close_button-icon"></div>
                </div>
            </div>
            <form>
                <ul>
                    <li>
                        <label>
                            <div class="name">
                                物品条形码：
                            </div>
                            <div class="value">
                                <input type="text" name="itemCode" readonly="readonly"/>
                            </div>
                        </label>
                    </li>
                    <li>
                        <label>
                            <div class="name">
                                物品名称：
                            </div>
                            <div class="value">
                                <input type="text" name="itemName" readonly="readonly"/>
                            </div>
                        </label>
                    </li>
                    <li>
                        <label>
                            <div class="name">
                                物品规格：
                            </div>
                            <div class="value">
                                <input type="text" name="itemSpec" readonly="readonly"/>
                            </div>
                        </label>
                    </li>
                    <li>
                        <label>
                            <div class="name">
                                物品数量：
                            </div>
                            <div class="value">
                                <input type="text" name="itemCount" readonly="readonly"/>
                            </div>
                        </label>
                    </li>
                    <li>
                        <label>
                            <div class="name">
                                物品单价：
                            </div>
                            <div class="value">
                                <input type="text" name="itemPrice" readonly="readonly"/>
                            </div>
                        </label>
                    </li>
                    <li>
                        <label>
                            <div class="name">
                                物品介绍：
                            </div>
                            <div class="value">
                                <input type="text" name="itemIntroduce" readonly="readonly"/>
                            </div>
                        </label>
                    </li>
                    <li>
                        <label>
                            <div class="name">
                                最大借取时间：
                            </div>
                            <div class="value">
                                <input type="text" name="itemBorrowTimelimit" readonly="readonly"/>
                            </div>
                        </label>
                    </li>
                    <li>
                        <label>
                            <div class="name">
                                物品状态：
                            </div>
                            <div class="value">
                                <input type="text" name="itemState" readonly="readonly"/>
                            </div>
                        </label>
                    </li>
                    <li>
                        <label>
                            <div class="name">
                                物品审核信息：
                            </div>
                            <div class="value">
                                <input type="text" name="itemExamine" readonly="readonly"/>
                            </div>
                        </label>
                    </li>
                    <li>
                        <label>
                            <div class="name">
                                物品库存提醒：
                            </div>
                            <div class="value">
                                <input type="text" name="itemRemind" readonly="readonly"/>
                            </div>
                        </label>
                    </li>
                    <li>
                        <label>
                            <div class="name">
                                物品类别：
                            </div>
                            <div class="value">
                                <input type="text" name="itemCategory" readonly="readonly"/>
                            </div>
                        </label>
                    </li>
                    <li>
                        <label>
                            <div class="name">
                                生产厂商：
                            </div>
                            <div class="value">
                                <input type="text" name="companyName" readonly="readonly"/>
                            </div>
                        </label>
                    </li>
                    <li>
                        <label>
                            <div class="name">
                                物品库位：
                            </div>
                            <div class="value">
                                <input type="text" name="itemSlot" readonly="readonly"/>
                            </div>
                        </label>
                    </li>
                </ul>
            </form>
        </div>
    </div>
</div>

</body>
</html>